<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page trimDirectiveWhitespaces="true" %>
<%@ page session="true"%>
<%@ include file="dbcon.jsp" %>
<!DOCTYPE html>
<html lang="ko">
<%@include file="topHead.jsp" %>
<body>
<%@include file="topcategory.jsp" %>
<div class="top-tab top-hidden-xs">
	<%@include file="tab.jsp" %>
</div>
	<div class="top-container top-margin-top-100">
		<div class="top-table-size1">
		<form id="uMemId" role="form" method="post" action="uMemDeleteOk.jsp">		
			<div class="top-td-size">
			<label for="add1" class="top-label1 top-text-left">아이디와 비밀번호를</label>	
			<label for="add1" class="top-label1 top-text-left">다시한번 입력해 주세요.</label>						
				<div class="top-td top-inline-group">
					<!-- 로그인한 회원의 mem_seq와 id, pw를 uMemDeleteOk.jsp로 -->				
					<input type="hidden" name="seq" value="<%=mem_seq%>">
					<input type="text" name="id" class="top-input" placeholder="아이디를 입력하세요.">
					<input type="password" name="pw" class="top-input" placeholder="비밀번호를 입력하세요."> 
				</div>	
				<div class="top-td top-inline-group">
					<button class="top-btn-custom top-btn-lg-custom" type="submit">탈퇴하기</button>					
				</div>															
			</div>	
		</form>
		</div>
		<div class="top-margin-bottom-100"></div>
	</div>
	
	<div class="top-hidden-xs">
		<%@include file="topBottom.jsp" %>
	</div>		

	<!-- 형식검사 클래스 참조 -->
	<script src="assets/js/string.js"></script>
	<!-- 구현 부분 -->
	<script type="text/javascript">
		$(function() {	
			function popup(str) {
				window.open("defaultPopup.jsp?title=" + str, "POP", "width=250,height=250,scrollbars=no");
			}
			
			$("#uMemId").submit(function() {
				// 아이디 입력여부 검사
				if (!$("input[name='id']").val().isValue()) {
					popup("아이디를 입력하세요.");
					$("input[name='id']").focus();
					return false;
				}
				 
				// 아이디 유효 검사
				if (!$("input[name='id']").val().isAlphabetNum()) {
					popup("아이디는 영어와 숫자값만 가능합니다.");
					$("input[name='id']").focus();
					return false;
				}
				
				// 패스워드 입력여부 검사
				if (!$("input[name='pw']").val().isValue()) {
					popup("패스워드를 입력하세요.");
					$("input[name='pw']").focus();
					return false;
				}					
			});				
		});	
	</script>
</body>
</html>